<template>
  <div>
    <Icon type="md-add" size="17" color="#a8a6c8" @click="addFirst" />
    <Tooltip content="下移" placement="left" @click.native="downSelectExpers">
      <Icon type="md-arrow-down" size="17" color="#a8a6c8" v-if="showDown" />
    </Tooltip>
    <Tooltip content="上移" placement="left" @click.native="upSelectExpers">
      <Icon type="md-arrow-up" size="17" color="#a8a6c8" v-if="showUp" />
    </Tooltip>
    <Poptip confirm transfer title="确定要删除吗？" @on-ok="delSelExper">
      <Icon
        type="ios-close-circle-outline"
        size="17"
        color="#a8a6c8"
        v-if="showDelete"
      />
    </Poptip>
  </div>
</template>

<script>
  export default {
  name: 'action',
  props: {
    index: {
      type: Number,
      default: () => 0
    },
    showDown: {
      type: Boolean,
      default: () => false
    },
    showUp: {
      type: Boolean,
      default: () => false
    },
    showDelete: {
      type: Boolean,
      default: () => false
    },
  },
  data () {
    return {
        
      }
  },
  watch: {},
  methods: {
    addFirst () {
      this.$emit('addFirst')
    },
    downSelectExpers () {
      this.$emit('downSelectExpers')
    },
    upSelectExpers () {
      this.$emit('upSelectExpers')
    },
    delSelExper () {
      this.$emit('delSelExper')
    }
  }
  }
</script>

<style scoped>
</style>